// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.artist-sidebar-album {
  @top: artist-sidebar-album;
  text-align: center;
  margin: 20px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;

  &:hover,
  &:active {
    color: white;
    text-decoration: none;
  }

  &:hover {
    .@{top}__glow {
      opacity: 0.4;
    }
  }

  &__badge-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  &__cover {
    width: 128px;
    height: 128px;
    .default-box-shadow();

    .@{top}--new & {
      box-shadow: 15px -10px 50px hsla(var(--hsl-orange-1), 0.2);
    }
  }

  &__cover-wrapper {
    width: 128px;
    height: 128px;
    position: relative;
  }

  &__glow {
    .full-size();
    background-size: cover;
    background-position: center;
    filter: blur(20px);
    opacity: 0;
    transition: 1s ease-in-out;
  }

  &__title {
    font-size: 14px;
    margin-top: 5px;
    color: white;
    .default-text-shadow();
  }
}
